{% extends "base.html" %}

{% load article_tags %}

{% load staticfiles %}

{% block title %}articles{% endblock %}

{% block content %}
<div class="row text-center vertical-middle-sm">
    <h1>阅读，丰富头脑，善化行为</h1>
</div>
<div class="container">
    <div class="col-md-8">
        {% for article in articles %}
        <div class="list-group">
            <a href="{{ article.get_url_path }}" class="list-group-item active">
                <h4 class="list-group-item-heading">{{ article.title }}</h4>
            </a>
            <p class="list-group-item-text">
                作者：
                <a href="{% url 'article:author_articles' article.author.username %}">
                    {{article.author.username}}
                </a>
            </p>
            <p class="list-group-item-text">
                概要：{{article.body|slice:'70'|linebreaks}}
            </p>
        </div>
        {% endfor %}
    </div>
    <div class="col-md-4">
        <div>
            {% if userinfo.photo %}
            <img src="{{ userinfo.photo | striptags }}" class="img-circle" id="my_photo" name="user_face">
            {% else %}
            <img src="{% static 'images/newton.jpg' %}" class="img-circle" id="my_photo" name="user_face">
            {% endif %}
        </div>
        <div>
            <p>{{user.username }}</p>
            <p>共发表文章{% author_total_articles user %}篇</p>
            {% if userinfo %}
            <p>{{ userinfo.company }}
            <P>{{ userinfo.aboutme }}</P>
            {% else %}
            <p>这个作者太懒了，什么也没有留下</p>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}